<template>
  <div>
    <!-- 导航栏 -->
    <div class="nav">
    <router-link to="/gexing" >个性推荐</router-link>
    <router-link to="/gedan" >歌单</router-link>
    <router-link to="/zhuban" >主播电台</router-link>
    <router-link to="/paihang" >排行榜</router-link>
    <router-link to="/geshou" >歌手</router-link>
    <router-link to="/zuixin" >最新音乐</router-link>
    </div>
     <router-view></router-view>
  </div>
 
</template>

<script>
export default {

}
</script>

<style>
  .nav{
    height: 50px;
    background-color: #242424;
    display: flex;
    align-items: center;
  }
  .nav a{
    flex: 1;
    text-align: center;
    color: #fff;
    text-decoration: none;
  }
  .nav a.router-link-active{
    color: red;
  }
</style>